.product-box {
    background: #fff;
    padding: 15px;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 15px;
}

.bg_info {
    border-radius: 25px;
}

.product-box .product-img {
    background: #fafafa;
    height: 150px;
}

.product-box .product-name {
    height: 40px;
}

.btn_redeem {
    background: #b4a9da;
    color: #fff;
    border-radius: 30px;
    font-weight: 300;
    text-transform: math-auto;
    width: 100%;
    padding: 5px 25px;
}

    .btn_redeem:hover {
        background: #7d62b4;
    }

@media (max-width: 600px) {
    .bg_info {
        border-radius: 10px;
        text-align: center
    }

        .bg_info .d-flex {
            justify-content: center;
            gap: 5px;
            margin-bottom: 10px;
        }

        .bg_info .mud-image {
            height: 50px
        }

        .bg_info .mud-typography-h4 {
            font-size: 1rem;
            text-align: left
        }

        .bg_info .mud-typography-subtitle1 {
            font-size: 0.7rem;
            margin-top: 5PX;
            text-align: left;
            text-align: center;
        }

        .bg_info .btn_redeem {
            font-size: 0.6rem;
            width: 60%;
            padding: 10px 0px;
            text-transform: capitalize !important;
        }

    .product-box .product-name {
        height: auto;
    }

    .product-box .mud-typography-subtitle1 {
        font-size: 0.65rem;
        color: #000
    }

    .btn_redeem {
        font-size: 0.6rem;
        padding: 8px 0px;
        text-transform: capitalize !important;
    }

    .product-box .mud-typography-h6 {
        font-size: .8rem;
        color: #000
    }

    .M-Coin_i {
        height: 25px !important
    }
}
@media (max-width: 480px) {
    .product-box .mud-typography-h6 b {
        font-weight:600 
    }
}